<template>
	<div>
		<!-- 搜索 -->
	<Sortso></Sortso>
	<!-- 分类 -->
	<SortList :leftdata='leftdata' :rightdata='rightdata' :lastdata='lastdata' @show='change'></SortList>
	<!-- 底部 -->
	<BtmNavv></BtmNavv>
	</div>
</template>

<script>
	import Sortso from './components/sortSerch.vue'
	import SortList from './components/SortList.vue'
	import {Toast} from 'vant'
	import axios from 'axios'
	// var http = axios.create({
	// 	baseURL:'/api',
	// 	timeout:1000
	// })
	// http.interceptors.request.use(config=>{
	// 	Toast.loading({
	// 		message:'加载中',
	// 		duration:0
	// 	})
	// 	return config
	// })
	export default {
		data(){
			return {
				leftdata:'',
				rightdata:'',
				lastdata:'',
				id:''
				
			}
		},
		components:{
			Sortso,SortList
		},
		async mounted() {
			// http.get('/sort/sort').then(res=>{
			// 	this.leftdata=res.data.data.data1
			// 	this.rightdata=res.data.data.resu[0].data
			// 	console.log()
			// })
			let re = await this.$http.get('/sort/sort')
			this.leftdata = re.data.data.data1
			this.lastdata = re.data.data.data1.splice(4)
			this.rightdata = re.data.data.resu[0].data
		},
		methods:{
			async change(index){
				// http.get('/sort/change?id='+index).then(res=>{
				// 	// console.log(res)
				// 	this.leftdata=res.data.data.data1
				// 	this.rightdata=res.data.data.resu[0].data
				// })
				let re = await this.$http.get('/sort/change',{
					id:index
				})
				this.leftdata = re.data.data.data1
				this.lastdata = re.data.data.data1.splice(4)
				this.rightdata = re.data.data.resu[0].data
			}
		}
	}
</script>

<style>
</style>
